<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
		"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head lang="zh-CN">
	<meta charset="UTF-8">
	<meta content="width=device-width, initial-scale=1.0" name="viewport">
	<meta content="IE=edge" http-equiv="x-ua-compatible">
	<title>第二个测试文档</title>
</head>
<body>
	<div id="list">
		
		<!--
		table:定义表格标签
		
		th: 表头
		tr: 行
		td: 单元格, 必须嵌套在tr中
		-->
		<h3>表格的展示:</h3>
		
		<!--
		属性应该写在表格标签里
		border：是否有边框，有的填1，没有的直接""
		align: 对齐方式
		cellspacing:单元格之间的留白, 默认2像素
		cellpadding:单元格和边框之间的距离, 默认1像素
		width: 宽度
		-->
		<table align="center" border="1" cellpadding=15px cellspacing="1">
			<tr><th>id</th> <th>姓名</th> <th>性别</th> <th>年龄</th></tr>
			<tr><td>1</td> <td>黎明</td> <td>男</td> <td>15</td></tr>
			<tr><td>2</td> <td>刘德华</td> <td>男</td> <td>16</td></tr>
			<tr><td>3</td> <td>张学友</td> <td>男</td> <td>88</td></tr>
			<tr><td>4</td> <td>郭富城</td> <td>男</td> <td>21</td></tr>
		</table>
		
		<br />
		<table align="left" border="1" cellspacing=0px>
			<tr><th>排名</th> <th>关键词</th> <th>趋势</th> <th>今日搜索</th> <th>最近7日</th> <th>相关链接</th></tr>
			<tr><td>1</td> <td>鬼吹灯</td> <td><img alt="图片显示错误" src="..\Resource\tableImage\up.jpg"></td> <td>3762</td>
				<td>76543</td>
				<td>
					<a href="https://tieba.baidu.com" target="_blank">贴吧</a>
					<a href="https://image.baidu.com" target="_blank">图片</a>
					<a href="https://baike.baidu.com" target="_blank">百科</a>
				</td>
			</tr>
			<tr><td>2</td> <td>西游记</td> <td><img alt="图片显示错误" src="..\Resource\tableImage\down.jpg"></td> <td>213</td>
				<td>765</td>
				<td>
					<a href="https://tieba.baidu.com" target="_blank">贴吧</a>
					<a href="https://image.baidu.com" target="_blank">图片</a>
					<a href="https://baike.baidu.com" target="_blank">百科</a>
				</td>
			</tr>
			<tr><td>3</td> <td>盗墓笔记</td> <td><img alt="图片显示错误" src="..\Resource\tableImage\up.jpg"></td> <td>1275</td>
				<td>5436</td>
				<td>
					<a href="https://tieba.baidu.com" target="_blank">贴吧</a>
					<a href="https://image.baidu.com" target="_blank">图片</a>
					<a href="https://baike.baidu.com" target="_blank">百科</a>
				</td>
			</tr>
			<tr><td>4</td> <td>东游记</td> <td><img alt="图片显示错误" src="..\Resource\tableImage\up.jpg"></td> <td>23</td>
				<td>872</td>
				<td>
					<a href="https://tieba.baidu.com" target="_blank">贴吧</a>
					<a href="https://image.baidu.com" target="_blank">图片</a>
					<a href="https://baike.baidu.com" target="_blank">百科</a>
				</td>
			</tr>
			<tr><td>5</td> <td>甄嬛传</td> <td><img alt="图片显示错误" src="..\Resource\tableImage\down.jpg"></td> <td>634</td>
				<td>51830</td>
				<td>
					<a href="https://tieba.baidu.com" target="_blank">贴吧</a>
					<a href="https://image.baidu.com" target="_blank">图片</a>
					<a href="https://baike.baidu.com" target="_blank">百科</a>
				</td>
			</tr>
			<tr><td>6</td> <td>奥特曼</td> <td><img alt="图片显示错误" src="..\Resource\tableImage\up.jpg"></td> <td>6042</td>
				<td>70981</td>
				<td>
					<a href="https://tieba.baidu.com" target="_blank">贴吧</a>
					<a href="https://image.baidu.com" target="_blank">图片</a>
					<a href="https://baike.baidu.com" target="_blank">百科</a>
				</td>
			</tr>
			
		</table>
	</div>

</body>
</html>